{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>

	<div class="col_central">
		{% if errors %}
			<ul>
				{% for error in errors %}
					<li>{{error}}</li>
				{% endfor %}
			</ul>
		{% else %}
			<p>Por favor, valore al menos 5 películas.</p>
		{% endif %}
		
		<form id="form-votaciones" action="/registro-votacion/" method="post">
		{% csrf_token %}
			<ul class="votacion-generos">
				{% for genero,peliculas in generos_peliculas %}
				<li class="{{genero.nombre_corto}}"><a class="{{genero.nombre_corto}}" href="#">{{genero.nombre_largo}}</a>
					<ul>
					{% if peliculas %}
						{% for pelicula in peliculas %}
							{% if pelicula.genero_id == genero.id %}
								<li>
									<div class="votacion-titulo">
										<a href="/pelicula/?t={{pelicula.id}}" target="_blank">{{pelicula.titulo}}</a>
									</div>
									<span>Valora</span>
									<div class="votacion-input">
										<input name="{{pelicula.id}}" type="radio" value="1"> 1
										<input name="{{pelicula.id}}" type="radio" value="2"> 2
										<input name="{{pelicula.id}}" type="radio" value="3"> 3
										<input name="{{pelicula.id}}" type="radio" value="4"> 4
										<input name="{{pelicula.id}}" type="radio" value="5"> 5
									</div>
								</li>
							{% endif %}
						{% endfor %}
					{% else %}
						<li><p>No hay películas registradas en este género.</p></li>
					{% endif %}
					</ul>
				</li>
				{% endfor %}
			</ul>
			<input name="username" type="hidden" value="{{username}}">
			<input name="first_name" type="hidden" value="{{first_name}}">
			<input name="last_name" type="hidden" value="{{last_name}}">
			<input name="email" type="hidden" value="{{email}}">
			<input name="passwd" type="hidden" value="{{passwd}}">
			<input name="submit" type="submit" value="Confirmar">
		</form>
	</div>

	<div class="col_der">{% include 'menu_der.html' %}</div>
</div>

{% include 'footer.html' %}